@charset "utf-8";
@charset "utf-8";
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu {  display: block}
/* CSS Document *//*内外边距*/
html,body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td,dd,dt {  list-style: none;margin: 0;  padding: 0;}html,body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,button,textarea,iframe,table,th,td,dd,dt {  margin: 0;  padding: 0;  outline: none;  -webkit-appearance: none;  -moz-appearance: none;  -o-appearance: none;  outline: none}
.clear {  clear: both;  overflow: hidden;}a {  text-decoration: none;  color: #333;}
input {  border: none;  outline: medium;  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', SCM;}* {  box-sizing: border-box;}
body {  width: 100%;  font-family: 'PingFangSC-Regular','Microsoft YaHei', 'Helvetica Neue', SCM;  background: #fff;  color: #000; font-size: 15px;}
html,body {  overflow-x: hidden;  width: 100%;}
table {  border-collapse: collapse}
/* 横向导航 */
/* @media only screen and (min-width:750px) {  html {    font-size: 100px !important  }}
@media only screen and (max-width:750px) {  html {    font-size: 96.6667px !important  }}
@media only screen and (max-width:700px) {  html {    font-size: 93.3333px !important  }}
@media only screen and (max-width:675px) {  html {    font-size: 90px !important  }}
@media only screen and (max-width:650px) {  html {    font-size: 86.6667px !important  }}
@media only screen and (max-width:625px) {  html {    font-size: 83.3333px !important  }} */
/* @media only screen and (max-width:600px) {  html {    font-size: 80px !important  }} */
@media only screen and (min-width:600px) {  html {    font-size: 72px !important  }}
@media only screen and (max-width:600px) {  html {    font-size: 72px !important  }}
@media only screen and (max-width:575px) {  html {    font-size: 76.6667px !important  }}
@media only screen and (max-width:550px) {  html {    font-size: 73.3333px !important  }}
@media only screen and (max-width:525px) {  html {    font-size: 70px !important  }}
@media only screen and (max-width:500px) {  html {    font-size: 66.6667px !important  }}
@media only screen and (max-width:475px) {  html {    font-size: 63.3333px !important  }}
@media only screen and (max-width:450px) {  html {    font-size: 60px !important  }}
@media only screen and (max-width:425px) {  html {    font-size: 56.6667px !important  }}
@media only screen and (max-width:400px) {  html {    font-size: 53.3333px !important  }}
@media only screen and (max-width:375px) {  html {    font-size: 50px !important  }}
@media only screen and (max-width:350px) {  html {    font-size: 46.6667px !important  }}
@media only screen and (max-width:325px) {  html {    font-size: 43.3333px !important  }}
@media only screen and (max-width:300px) {  html {    font-size: 40px !important  }}

body{color: #fff;}
.flex-bect {  display: flex;  align-items: center;  justify-content: space-between;}
.flex-lect {  display: flex;  align-items: center;  justify-content: flex-start;}
.flex-le {  display: flex;  justify-content: flex-start;}
.flex-ct {  display: flex;  align-items: center;  justify-content: center;}
.flex-rict{display: flex; align-items: center; justify-content: flex-end;}
.flex-bect{display: flex; align-items: center; justify-content: space-between;}
.cur {  cursor: pointer;}
.row1,.row2,.row3,.row4,.row5,.row6,.row7,.row8{  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;}
.row1 {  -webkit-line-clamp: 1;}
.row2 {  -webkit-line-clamp: 2;}
.row3 {  -webkit-line-clamp: 3;}
.row4 {  -webkit-line-clamp: 4;}
.row5 {  -webkit-line-clamp: 5;}
.row6 {  -webkit-line-clamp: 6;}
.row7 {  -webkit-line-clamp: 7;}
.row8 {  -webkit-line-clamp: 8;}

